.titled-pane {
    -fx-animated: false;
    -fx-text-fill: #505050;
}

.titled-pane > .title  {
    -fx-background-radius: 0, 0, 0;
    -fx-font: 14px System;

    /* stop the background from being blue on focus */
    -fx-background-color: ladder(
        red,
        black 20%,
        derive(#d0d0d0,-30%) 30%
        ), 
        linear-gradient(
        to bottom,
        ladder(#d0d0d0, 
        derive(#d0d0d0,0%) 0%, 
        white 0%) 0%,
        ladder(#d0d0d0, 
        derive(#d0d0d0,0%) 0%, 
        derive(#d0d0d0,0%) 0%) 0%
        ), linear-gradient(
        to bottom,
        derive(#d0d0d0,0%) 0%,
        derive(#d0d0d0,0%) 0%
        );
}

.titled-pane:focused > .title > .arrow-button .arrow {
    /* do not highlight the title pane arrow on focus */
    -fx-background-color: #606060;
}
